<template>
  <div>
    <div class="value" @click="toNav()">
      <div class="img">
        <img src="../../assets/c语言.webp" alt="c语言">
      </div>
      <div class="describe">
        c语言学习，C语言是一门面向过程的、抽象化的通用程序设计语言，广泛应用于底层开发。C语言能以简易的方式编译、处理低级存储器。C语言是仅产生少量的机器语言以及不需要任何运行环境支持便能运行的高效率程序设计语言。尽管C语言提供了许多低级处理的功能，但仍然保持着跨平台的特性，以一个标准规格写出的C语言程序可在包括类似嵌入式处理器以及超级计算机等作业平台的许多计算机平台上进行编译。
      </div>
    </div>
    <div class="logo">
      <img src="../../assets/logo.png" alt="logo">
    </div>
    <div class="remarks">
      小罗的第一个认认真真全程自己开发的软件呀
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data () {
    return {
    }
  },
  watch: {},
  computed: {},
  methods: {
    toNav(){
      this.$router.push({
        path: "/nav"
      })
    }
  },
  created () {},
  mounted () {
    this.$store.state.index = 0
  }
}
</script>
<style scoped>
.value{
  height: 20vh;
  border: 1px solid #000;
  display: flex;
  align-items: center;
}
.img{
  height: 100%;
  margin-right: 20px;
}
img{height: 100%;}
.describe{
  height: 100%;
  line-height: 4vh;
  padding: 10px;
  box-sizing: border-box;
  overflow-y: scroll;
}
.logo{
  padding-top: 100px;
  text-align: center;
}
.logo img{
  border: 1px solid white;
  border-radius: 15px;
  padding: 10px;
}
.remarks{
  text-align:center;
  padding: 20px;
  line-height: 4vh;
  color: rgb(102,102,102);
}
</style>


